<template>
	<tm-fullView>
		<tm-menubars title="优惠券" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<view class="ma-32 "><tm-coupon color="red" :hdata="d_1"></tm-coupon></view>
		<view class="ma-32"><tm-coupon color="red" :hdata="d_1" text></tm-coupon></view>
		<view class="ma-32"><tm-coupon color="orange" :hdata="d_1" :disabled="true"></tm-coupon></view>
		<view class="flex-between ma-32">
			<view style="width: 330rpx;"><tm-coupon :hdata="d_2" color="bg-gradient-red-accent"></tm-coupon></view>
			<view style="width: 330rpx;"><tm-coupon :hdata="d_2"></tm-coupon></view>
		</view>
		<view class="ma-32"><tm-coupon :hdata="d_3" color="orange"></tm-coupon></view>
	</tm-fullView>
</template>

<script>
import tmCoupon from '@/tm-vuetify/components/tm-coupon/tm-coupon.vue';
import tmMenubars from '@/tm-vuetify/components/tm-menubars/tm-menubars.vue';
import tmFullView from '@/tm-vuetify/components/tm-fullView/tm-fullView.vue';
export default {
	components: { tmCoupon, tmMenubars,tmFullView },
	data() {
		return {
			d_1: {
				sale: '50',
				saleSplit: '￥',
				saleLable: '买满79元可用',
				title: '满79减15元券',
				time: '2021.11.11-2021.11.12 15:00:00',
				btnText: '去使用'
			},
			d_2: {
				sale: '90',
				saleSplit: '',
				saleLable: '积分获得',
				btnText: '领取券',
				suffix: '.6元'
			},

			d_3: {
				img: 'https://picsum.photos/200',
				title: '满100减15元券',
				time: '2021.11.11-2021.11.12',
				btnText: '领取券',
				suffix: '.9元'
			}
		};
	}
};
</script>

<style lang="scss"></style>
